import HeaderBack from "@/components/HeaderBack";
import { useTranslations } from "next-intl";
import { ReactNode } from "react";

export default function Layout({
    children,
    params: { locale },
}: {
    children: ReactNode;
    params: { locale: string };
}) {
    const t = useTranslations("Sidebar");
    // const router = useRouter();

    // const goRecord = () => {
    //     router.push({
    //         pathname: "/promo/record",
    //     });
    // };

    return (
        <div className="h-[100%] overflow-auto bg-[url('/home/bg.jpg')]">
            <HeaderBack
                useBg={true}
                showBack={true}
                title={t("promocoes")}
                // Right={() => (
                //     <div
                //         onClick={goRecord}
                //         className="whitespace-nowrap text-[.12rem] text-[#00eaff]"
                //     >
                //         Recorde de prêmios
                //     </div>
                // )}
            />
            <main className={"main-header"}>{children}</main>
        </div>
    );
}